*{
    margin: 0px;
    padding: 0px;
    /*height: 200vh;*/
    overflow-x: hidden;
}
.container{
    width: 100vw;
    height: 200vh;
    margin: 0px auto;
}
.con1{
    width: 100vw;
    height: 100vh;
    float: left;
}
.left{
    width: 50vw;
    height: 100vh;
    float: left;
    background-image: url("../img/c1.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.right{
    width: 50vw;
    height: 100vh;
    float: left;
}
.tea{
    width: 40vw;
    height: 86vh;
    margin: 7vh 5vw;
}
.p1{
    font-family: 华文行楷;
    font-size: 56px;
    text-align: center;
}
.p2{
    font-size: 18px;
    line-height: 36px;
}
.con2{
    width: 100%;
    height: 50%;
    float: left;
    /*background-color: #43ff54;*/
    /*overflow: hidden;*/
}
.top{
    width: 100vw;
    height: 20vh;
    margin-top: 5vh;
}
.bottom{
    width:90vw;
    height: 70vh;
    margin: 0px 5vw 5vh 5vw;

}
.left1{
    width: 42%;
    height: 100%;
    margin: 0px 4%;
    float: left;
}
.right1{
    width: 50%;
    height: 100%;
    float: left;
}
.top1{
    width: 100%;
    height: 48%;
    float: left;
    /*background-color: #43ff54;*/
}
.t1{
    width: 40%;
    height: 100%;
    float: left;
    background-image: url("../img/c2.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.t11{
    width: 5%;
    height: 100%;
    float: left;
}
.t2{
    width: 55%;
    height: 100%;
    background-image: url("../img/c3.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.bbb{
    width: 100%;
    height: 5%;
    float: left;

}
.bottom1{
    width: 100%;
    height: 47%;
    float: left;
    background-image: url("../img/c4.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.ll{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #1f1b39;
    position: fixed;
    left: 30px;
    top: 30px;
    z-index: 999;
    background-image: url("../img/ll.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;

}